<template>
  <div class="home">
    <div class="home-desc">
      <img
        src="../../assets/WechatIMG13368.jpeg"
        style="width: 100%; height: 60%"
      />

      <div class="home-title2">珠绣|ZS2307369</div>
      <van-divider />
      <div class="details">
        <div class="home-text">
          内部编号:ZS2307369
          <div />
          名称:珠绣
          <div />
          面料类型:针织
          <div />
          成分:棉
          <div />
          克重:0GSM
          <div />
          纱织:皮
        </div>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
export default {
  name: "Home",
};
</script>
<script lang="ts" setup>
import { useUserInfoStore } from "@/stores/userInfo";

const userInfoStore = useUserInfoStore();
</script>

<style scoped>
.home {
  width: 100%;
  height: 100%;
  font-size: 24px;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
    "Lucida Sans", Arial, sans-serif;
}
.home-title2 {
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  margin-top: 20px;
  margin-left: 20px;
}
.home-desc {
  width: 100%;
  height: 100%;
  background-color: #fff;
  box-sizing: border-box;
}
.details {
  margin-left: 20px;
  margin-right: 20px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.05);
}
.home-text {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  font-size: 15px;
  line-height: 30px;
}
</style>
